Full source code website bán hàng thương mại điện tử gần giống shopee
473.286 lượt xem;
1 /* Default styling for jQuery Datepicker v4.1.0. */
2 .datepick {
3 background-color: #fff;
4 color: #000;
5 border: 1px solid #444;
6 border-radius: 0.25em;
7 -moz-border-radius: 0.25em;
8 -webkit-border-radius: 0.25em;
9 font-family: Arial,Helvetica,Sans-serif;
10 font-size: 90%;
11 }
12 .datepick-rtl {
13 direction: rtl;
14 }
15 .datepick-popup {
16 z-index: 1000;
17 }
18 .datepick-disable {
19 position: absolute;
20 z-index: 100;
21 background-color: white;
22 opacity: 0.5;
23 filter: alpha(opacity=50);
24 }
25 .datepick a {
26 color: #fff;
27 text-decoration: none;
28 }
29 .datepick a.datepick-disabled {
30 color: #888;
31 cursor: auto;
32 }
33 .datepick button {
34 margin: 0.25em;
35 padding: 0.125em 0em;
36 background-color: #fcc;
37 border: none;
38 border-radius: 0.25em;
39 -moz-border-radius: 0.25em;
40 -webkit-border-radius: 0.25em;
41 font-weight: bold;
42 }
43 .datepick-nav, .datepick-ctrl {
44 float: left;
45 width: 100%;
46 background-color: #000;
47 color: #fff;
48 font-size: 90%;
49 font-weight: bold;
50 }
51 .datepick-ctrl {
52 background-color: #600;
53 }
54 .datepick-cmd {
55 width: 30%;
56 }
57 .datepick-cmd:hover {
58 background-color: #777;
59 }
60 .datepick-ctrl .datepick-cmd:hover {
61 background-color: #f08080;
62 }
63 .datepick-cmd-prevJump, .datepick-cmd-nextJump {
64 width: 8%;
65 }
66 a.datepick-cmd {
67 height: 1.5em;
68 }
69 button.datepick-cmd {
70 text-align: center;
71 }
72 .datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
73 float: left;
74 padding-left: 2%;
75 }
76 .datepick-cmd-current, .datepick-cmd-today {
77 float: left;
78 width: 35%;
79 text-align: center;
80 }
81 .datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
82 float: right;
83 padding-right: 2%;
84 text-align: right;
85 }
86 .datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
87 .datepick-rtl .datepick-cmd-clear {
88 float: right;
89 padding-left: 0%;
90 padding-right: 2%;
91 text-align: right;
92 }
93 .datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
94 float: right;
95 }
96 .datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
97 .datepick-rtl .datepick-cmd-close {
98 float: left;
99 padding-left: 2%;
100 padding-right: 0%;
101 text-align: left;
102 }
103 .datepick-month-nav {
104 float: left;
105 background-color: #777;
106 text-align: center;
107 }
108 .datepick-month-nav div {
109 float: left;
110 width: 12.5%;
111 margin: 1%;
112 padding: 1%;
113 }
114 .datepick-month-nav span {
115 color: #888;
116 }
117 .datepick-month-row {
118 clear: left;
119 }
120 .datepick-month {
121 float: left;
122 width: 15em;
123 border: 1px solid #444;
124 text-align: center;
125 }
126 .datepick-month-header, .datepick-month-header select, .datepick-month-header input {
127 height: 1.5em;
128 background-color: #444;
129 color: #fff;
130 font-weight: bold;
131 }
132 .datepick-month-header select, .datepick-month-header input {
133 height: 1.4em;
134 border: none;
135 font-size: 100%;
136 }
137 .datepick-month-header input {
138 position: absolute;
139 display: none;
140 }
141 .datepick-month table {
142 width: 100%;
143 border-collapse: collapse;
144 }
145 .datepick-month thead {
146 border-bottom: 1px solid #aaa;
147 }
148 .datepick-month th, .datepick-month td {
149 margin: 0em;
150 padding: 0em;
151 font-weight: normal;
152 text-align: center;
153 }
154 .datepick-month th {
155 border: 1px solid #777;
156 }
157 .datepick-month th, .datepick-month th a {
158 background-color: #777;
159 color: #fff;
160 }
161 .datepick-month td {
162 background-color: #eee;
163 border: 1px solid #aaa;
164 }
165 .datepick-month td.datepick-week {
166 border: 1px solid #777;
167 }
168 .datepick-month td.datepick-week * {
169 background-color: #777;
170 color: #fff;
171 border: none;
172 }
173 .datepick-month a {
174 display: block;
175 width: 100%;
176 padding: 0.125em 0em;
177 background-color: #eee;
178 color: #000;
179 text-decoration: none;
180 }
181 .datepick-month span {
182 display: block;
183 width: 100%;
184 padding: 0.125em 0em;
185 }
186 .datepick-month td span {
187 color: #888;
188 }
189 .datepick-month td .datepick-other-month {
190 background-color: #fff;
191 }
192 .datepick-month td .datepick-weekend {
193 background-color: #ddd;
194 }
195 .datepick-month td .datepick-today {
196 background-color: #f0c0c0;
197 }
198 .datepick-month td .datepick-highlight {
199 background-color: #f08080;
200 }
201 .datepick-month td .datepick-selected {
202 background-color: #777;
203 color: #fff;
204 }
205 .datepick-month th.datepick-week {
206 background-color: #777;
207 color: #fff;
208 }
209 .datepick-status {
210 clear: both;
211 background-color: #ddd;
212 text-align: center;
213 }
214 .datepick-clear-fix {
215 clear: both;
216 }
217
2 .datepick {
3 background-color: #fff;
4 color: #000;
5 border: 1px solid #444;
6 border-radius: 0.25em;
7 -moz-border-radius: 0.25em;
8 -webkit-border-radius: 0.25em;
9 font-family: Arial,Helvetica,Sans-serif;
10 font-size: 90%;
11 }
12 .datepick-rtl {
13 direction: rtl;
14 }
15 .datepick-popup {
16 z-index: 1000;
17 }
18 .datepick-disable {
19 position: absolute;
20 z-index: 100;
21 background-color: white;
22 opacity: 0.5;
23 filter: alpha(opacity=50);
24 }
25 .datepick a {
26 color: #fff;
27 text-decoration: none;
28 }
29 .datepick a.datepick-disabled {
30 color: #888;
31 cursor: auto;
32 }
33 .datepick button {
34 margin: 0.25em;
35 padding: 0.125em 0em;
36 background-color: #fcc;
37 border: none;
38 border-radius: 0.25em;
39 -moz-border-radius: 0.25em;
40 -webkit-border-radius: 0.25em;
41 font-weight: bold;
42 }
43 .datepick-nav, .datepick-ctrl {
44 float: left;
45 width: 100%;
46 background-color: #000;
47 color: #fff;
48 font-size: 90%;
49 font-weight: bold;
50 }
51 .datepick-ctrl {
52 background-color: #600;
53 }
54 .datepick-cmd {
55 width: 30%;
56 }
57 .datepick-cmd:hover {
58 background-color: #777;
59 }
60 .datepick-ctrl .datepick-cmd:hover {
61 background-color: #f08080;
62 }
63 .datepick-cmd-prevJump, .datepick-cmd-nextJump {
64 width: 8%;
65 }
66 a.datepick-cmd {
67 height: 1.5em;
68 }
69 button.datepick-cmd {
70 text-align: center;
71 }
72 .datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
73 float: left;
74 padding-left: 2%;
75 }
76 .datepick-cmd-current, .datepick-cmd-today {
77 float: left;
78 width: 35%;
79 text-align: center;
80 }
81 .datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
82 float: right;
83 padding-right: 2%;
84 text-align: right;
85 }
86 .datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
87 .datepick-rtl .datepick-cmd-clear {
88 float: right;
89 padding-left: 0%;
90 padding-right: 2%;
91 text-align: right;
92 }
93 .datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
94 float: right;
95 }
96 .datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
97 .datepick-rtl .datepick-cmd-close {
98 float: left;
99 padding-left: 2%;
100 padding-right: 0%;
101 text-align: left;
102 }
103 .datepick-month-nav {
104 float: left;
105 background-color: #777;
106 text-align: center;
107 }
108 .datepick-month-nav div {
109 float: left;
110 width: 12.5%;
111 margin: 1%;
112 padding: 1%;
113 }
114 .datepick-month-nav span {
115 color: #888;
116 }
117 .datepick-month-row {
118 clear: left;
119 }
120 .datepick-month {
121 float: left;
122 width: 15em;
123 border: 1px solid #444;
124 text-align: center;
125 }
126 .datepick-month-header, .datepick-month-header select, .datepick-month-header input {
127 height: 1.5em;
128 background-color: #444;
129 color: #fff;
130 font-weight: bold;
131 }
132 .datepick-month-header select, .datepick-month-header input {
133 height: 1.4em;
134 border: none;
135 font-size: 100%;
136 }
137 .datepick-month-header input {
138 position: absolute;
139 display: none;
140 }
141 .datepick-month table {
142 width: 100%;
143 border-collapse: collapse;
144 }
145 .datepick-month thead {
146 border-bottom: 1px solid #aaa;
147 }
148 .datepick-month th, .datepick-month td {
149 margin: 0em;
150 padding: 0em;
151 font-weight: normal;
152 text-align: center;
153 }
154 .datepick-month th {
155 border: 1px solid #777;
156 }
157 .datepick-month th, .datepick-month th a {
158 background-color: #777;
159 color: #fff;
160 }
161 .datepick-month td {
162 background-color: #eee;
163 border: 1px solid #aaa;
164 }
165 .datepick-month td.datepick-week {
166 border: 1px solid #777;
167 }
168 .datepick-month td.datepick-week * {
169 background-color: #777;
170 color: #fff;
171 border: none;
172 }
173 .datepick-month a {
174 display: block;
175 width: 100%;
176 padding: 0.125em 0em;
177 background-color: #eee;
178 color: #000;
179 text-decoration: none;
180 }
181 .datepick-month span {
182 display: block;
183 width: 100%;
184 padding: 0.125em 0em;
185 }
186 .datepick-month td span {
187 color: #888;
188 }
189 .datepick-month td .datepick-other-month {
190 background-color: #fff;
191 }
192 .datepick-month td .datepick-weekend {
193 background-color: #ddd;
194 }
195 .datepick-month td .datepick-today {
196 background-color: #f0c0c0;
197 }
198 .datepick-month td .datepick-highlight {
199 background-color: #f08080;
200 }
201 .datepick-month td .datepick-selected {
202 background-color: #777;
203 color: #fff;
204 }
205 .datepick-month th.datepick-week {
206 background-color: #777;
207 color: #fff;
208 }
209 .datepick-status {
210 clear: both;
211 background-color: #ddd;
212 text-align: center;
213 }
214 .datepick-clear-fix {
215 clear: both;
216 }
217